<template>
	<view class="order-header e-flex e-flex-between c-white" >
		<view >
			<view class="e-font-34" v-if="info.title">
				{{$t(`order.${info.title}`)}}
			</view>
			<view class="e-font-26 e-m-t-12" v-if="info.subTitle">
				{{$t(`order.${info.subTitle}`)}}
			</view>
		</view>
		<image :src="$staticPath('order/order_icon1.png')" class="img-100" ></image>
	</view>
</template>

<script>
	export default {
		props:{
			info:Object
		},
	}
</script>

<style scoped>
	.order-header{
		padding: 42rpx 70rpx 42rpx 60rpx;
		background:var(--gradient-primary)
	}
	.img-100{
		width: 100rpx;
		height: 100rpx;
	}
</style>
